* {margin:0; padding:0;}
html,body {width:100%; height:100%; }
body { font-size:12px; max-width:640px; font-family: "Nanum Gothic", sans-serif; margin:0 auto; }
a {text-decoration:none; border:none; }
img,hr {border:0;}
li {list-style:none;}






#header { position:relative; width:100%; height:109px; border-bottom:1px solid #7c5023;   }
#header #header_wrap { position:relative; width:640px; margin:0 auto; display:block; }
#header #header_wrap .logo { width:447px; height:109px; margin:0 auto; }
#header #header_wrap .top_call { position:absolute; right:-10px; top:-10px; }





#content { position:relative; width:100%; margin:auto;}
#content #content_wrap { position:relative; margin:0 auto; width:640px; }
#content #content_wrap .menu { width:160px; height:750px; float:left; }
#content #content_wrap .menu ul li { width:160px;height:150px;  }
#content #content_wrap .right { float:right;  height:750px; }
#content #content_wrap .right .call { background:#81562c; height:83px; }





#footer { clear:both; position:relative; width:100%; height:170px;  }
#footer .footer_wrap { width:640px; height:200px; margin:0 auto; }
#footer .footer_wrap ul { float:left; width:640px; }
#footer .footer_wrap ul.ft_menu {height: 120px; border-bottom:1px solid #ccc;}
#footer .footer_wrap ul.ft_menu li { float:left; height:45px; line-height:45px; width:320px; text-align:center;  /*margin:10px 0 10px 0;*/  }
#footer .footer_wrap ul.ft_menu li.border { width:216px; border-right:1px solid #565656; border-left:1px solid #565656;  }
#footer .footer_wrap ul.ft_menu li a { font-size:22px; color:#565656; font-weight:bold;   }
#footer .footer_wrap ul.ft_menu li a span { font-weight:bold; color:#81562c; }





#footer .footer_wrap ul.ft_menu2 {border-bottom:1px solid #ccc;}
#footer .footer_wrap ul.ft_menu2 li { /*float:left;*/ height:45px; line-height:45px; /*width:320px;*/ text-align:center; margin:10px 0 10px 0;}
#footer .footer_wrap ul.ft_menu2 li.border { width:216px; border-right:1px solid #565656; border-left:1px solid #565656;  }
#footer .footer_wrap ul.ft_menu2 li a { font-size:22px; color:#565656; font-weight:bold;   }
#footer .footer_wrap ul.ft_menu2 li a span { font-weight:bold; color:#81562c; }





#footer .footer_wrap ul.blog {height: 118px; border-bottom:1px solid #ccc;}
#footer .footer_wrap ul.blog li { float:left; height:65px; width:320px; text-align:center;}





#footer .footer_wrap ul.ft_logo { width:640px; height:180px;  background: #f0f0f0; }
#footer .footer_wrap ul.ft_logo li { float:left;  background: #f0f0f0;  width:117px; }
#footer .footer_wrap ul.ft_logo li.copy { width:523px; height: 154px; font-size:13px; padding-top:26px; letter-spacing:-1px; text-align:left;   }





/* 2018 ¸®´º¾ó Ãß°¡ */
.float {float:left;}
.clearfix:after {clear:both;display:block;content:"";}
.slides img {display:block;}
#sec01 .box {float:left;}
#sec01 .quick_tit {width:25%;}
#sec01 .qicon_wrap {width:75%;}
#sec02 {margin:20px;}
#sec02 .container {width:100%;}
#sec02 .box {float:left;}
#sec03 {background:#8d5c2b;padding:20px;}
#sec03 .container {width:100%;}
#sec03 .box {float:left;}





/*------------¼­ºê --------------------*/





.sub_top { width:100%; position:relative; height:70px; }
.sub_top ul { width:640px; height:70px;  }
.sub_top ul li { float:left; width:158px; height:50px; padding: 10px 0 10px 0; line-height:50px; font-size:22px; text-align:center; 
                  background: #81562c; border-right:1px solid #7b6651;   }
.sub_top ul li a { color:#fff;  }





#sub { width:100%; posiiton:relaitve; }





.sub_menu { width:620px;  padding:10px; margin-top:10px;  border-bottom:4px solid #ddd; }
.select { width:600px; height:40px; font-size:26px;  font-family: Nanum Gothic; margin:0 auto; }





.sub_content { width:640px; margin-top:20px; padding-bottom:20px; border-bottom:2px solid #ddd; }
.sub_content img { width:100%; }





.sub_board { width:640px; margin-top:20px; padding-bottom:20px; border-bottom:2px solid #ddd; }
.sub_board table { width:640px; }






.map { width:640px; height: 50px; }
.map ul li { float:left; width:211px;  }




.mbc_title { margin:10px 0 30px 0; }
.tstyle_list {width:100%;border-top: solid 2px #ddbb83;}
.tstyle_list td, .content_body .tstyle_list th  {border-bottom:1px solid #e5e5e5;padding:5px 0; text-align:center;}
.mbc_title .replay {width: 100%; text-align: center; padding:22px 0px; background:orange; color:#fff; font-size:26px; display:inline-block;font-weight:bold;/*font-family:'Nanum Gothic'*/;}
.mbc_title h4 {margin-bottom:5px; font-size:24px; color:#cb9c4e;font-family: 'Nanum Gothic', sans-serif;letter-spacing:-0.07em;margin-top:10px;}
.mbc_title ul li {color:#707070; font-size:15px;/*font-family: 'Nanum Gothic', serif;*/line-height:1.6;}
.mbc_title p { font-size:15px;font-family: 'Nanum Gothic', serif;line-height:1.6;}
.mbc_title th,  .content_body .mbc_title td {font-family: 'Nanum Gothic', serif;font-size:14px;}






/*--------------------------------------------*/





@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);






@media screen and (max-width:320px) {
     body {zoom:46%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:52.5%;}
 }
 @media screen and (min-width:375px) and (max-width:415px) {
    body {zoom:57.5%;}
}
 @media screen and (min-width:416px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* ¾ÆÀÌÆеå(1024X768)º¸´Ù Å« ½ºÅ©¸° »çÀÌÁî¿Í Çػ󵵸¦ °®´Â ¸ðµç ±â±â¿¡¼­ÀÇ ÇØ»óµµ ¼³Á¤
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }